/**
 * SVG图标处理脚本
 * 负责SVG图标的交互效果
 */

// 当页面加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
    // 设置图标交互效果
    setupIconInteractions();
});

/**
 * 设置图标的交互效果
 */
function setupIconInteractions() {
    // 获取所有菜单项
    const menuItems = document.querySelectorAll('.item');
    
    // 为每个菜单项添加点击事件
    menuItems.forEach(function(item) {
        item.addEventListener('click', function() {
            // 获取模块名称
            const module = this.getAttribute('data-module');
            console.log('点击了菜单项：', module);
            
            // 添加点击动画
            const iconWrapper = this.querySelector('.svg-icon-wrapper');
            iconWrapper.classList.add('clicked');
            
            // 移除点击动画
            setTimeout(function() {
                iconWrapper.classList.remove('clicked');
            }, 300);
            
            // 根据模块名称执行相应操作
            navigateToModule(module);
        });
    });
}

/**
 * 根据模块名称导航到相应页面
 * @param {string} module 模块名称
 */
function navigateToModule(module) {
    // 模块映射表
    const modulePages = {
        'ventilation': 'html/Intelligentventilation.html',
        'air-condition': 'html/air-condition.html',
        'energy': 'html/energy-monitoring.html',
        'temperature': 'html/temperature-control.html',
        'gas': 'html/gas-detection.html',
        'config': 'html/system-config.html',
        'device-management': 'html/device-management.html',
        'data-analysis': 'html/data-analysis.html'
    };
    
    // 获取页面URL
    const page = modulePages[module];
    
    // 页面存在则导航
    if (page) {
        console.log('导航到页面：', page);
        // 添加一点延迟以完成动画
        setTimeout(function() {
            window.location.href = page;
        }, 200);
    } else {
        console.warn('未定义的模块:', module);
    }
} 